//总组数
var divGroup = 0;
//当前显示组数
var currGroup = 1;
//总记录数
var totalRecord = 187;
//每页展示条数
var maxResult = 10;
//当前页
var currPage = 1;
$(function(){
	//可以在此处修改总记录数，已达到分页效果，例如(删除下一行的注释)：
	
});
function showpage(){
	//总页数
var totalPage = totalRecord % maxResult == 0 ? totalRecord / maxResult : Math.ceil(totalRecord / maxResult) ;

	var page = "<li><a>"+totalRecord+"条记录"+totalPage+"页 </a></li>\r\n" ;
	//if(currPage > 5){
		page += "<li id='song_left' onclick='song_left()' class='hide'><a >«</a></li>\r\n";
	//}
	
	for (var i=1;i<=totalPage;i++) {
		var begin = i % 5 == 1 ? "<div style='float:left' class='group hide' id='group"+Math.ceil(i / 5) +"'>": "";
		page +=begin;
		var active  =  i == currPage ? "class=\"active paginate_button\" onclick='pageClick(this)'" : "class=\" paginate_button\" onclick='pageClick(this)'";
		page += "<li  "+active+" ><a class=\"num\">"+i+"</a></li>\r\n";
		var end =  "";
		if(i % 5 == 0 || i == totalPage){
			end ="</div>";
			divGroup++;
		}
		page += end;
	}
		page += "<li id='song_right' onclick='song_right()' class='hide'><a >»</a></li>";
	$("#page").html(page);
	$("#group"+currGroup).removeClass("hide");
	if(divGroup > 1 ){
		$("#song_right").removeClass("hide");
	}
}

//下五页
function song_right(){
	if(currGroup == divGroup-1){
		$("#song_right").addClass("hide");
	}
	$("#group"+currGroup).addClass("hide");
	currGroup++;
	$("#group"+currGroup).removeClass("hide");
	$("#song_left").removeClass("hide");
}
//上五页
function song_left(){
	if(divGroup > 1 ){
		$("#song_right").removeClass("hide");
	}
	$("#group"+currGroup).addClass("hide");
	currGroup--;
	if(currGroup == 1){
		$("#song_left").addClass("hide");
	}
	$("#group"+currGroup).removeClass("hide");
}